<!doctype html>
<html>
<head>
    <title>Overview (CSS prefixer and optimizer v4.3)</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="generator" content="phpAPI 6.0 (https://github.com/Greenray/phpapi)">
    <link href="./style.css" type="text/css" rel="stylesheet" />
</head>
<body>
    <div class="page">
        <div class="header center">
            <div class="content">
                CSS prefixer and optimizer v4.3                <div class="logo_desc">Application Programming Interface</div>
            </div>
        </div>
        <div class="panel">
            <div class="content">
                <h1>Namespaces</h1>
<ul>
    <li><a href="./template/package-summary.html">Template</a></li>
</ul>
    <h2>Classes</h2>
    <ul>
            <li>
            <a href="./template/package-summary.html" title="Template">Template</a> \
            <a href="./template/css.html" title="CSS">CSS</a>
        </li>
        </ul>
            </div>
        </div>
        <div class="main">
            <div class="content">
                <nav class="menu_main center"><div class="menu">
            <ul>
                    <li class="active">Overview</li>
                    <li>Namespace</li>
                    <li>Class</li>
                    <li><a href="./tree.html">Tree</a></li>
                    <li><a href="./deprecated.html">Deprecated</a></li>
                    <li><a href="./todo.html">Todo</a></li>
                    <li><a href="./index-all.html">Index</a></li>
                </ul>
    </div>
</nav>
                <h1>CSS prefixer and optimizer v4.3</h1>
    <div class="comment"><h1>CSS parser and optimizer.</h1></div>
            <div class="comment"><strong>See: <a href="#overview_description">readme.md</a></strong></div>
    <table class="title">
    <tr><th colspan="2" class="title">Namespaces</th></tr>
            <tr>
            <td class="name"><a href="template/package-summary.html">Template</a></td>
            <td class="description">No description</td>
        </tr>
    </table>
    <div class="comment" id="overview_description"><h1>CSS parser and optimizer.</h1><br /><p>Reads css code, automatically inserts browser-specific prefixes and compresses the code.<br />There is a possibility of caching the result.</p><br /><h2>Feachures</h2><br /><p>Handles both external and embedded styles.</p><ul><li>Handles css <strong>@import</strong> directive thus multiple files can be combined into one.</li><li>Handles rules (ex. <strong>@keyframes</strong>), pseudoelevents (ex. <strong>::placeholder</strong>).</li><li>Automatically inserts browser-specific prefixes for css properties.</li><li>Replaces image references within CSS with base64_encoded data.</li><li>Replaces fonts (.woff, .woff2, .eot, .ttf, .svg) references within CSS rule <strong>@font-face</strong> with base64_encoded data.</li><li>Optimizes the color settings (#00ff77 => #0f7) and property values (0px => 0, -0.5 => -.5).</li><li>Converts rgb(43, 92, 160), rgb(16.9%, 36.1%, 62.7%), hsl(214.9,57.6%,39.8%) to hex value (#2b5ca0).</li><li>Removes two or more consecutive spaces.</li><li>Removes the spaces, if a curly bracket, colon, semicolon or comma is placed before or after them.</li><li>Removes the last semicolon in the list of properties of the selector or the rule.</li><li>Removes newline characters and tabs.</li><li>Writes and reads the compiled data into/from cache.</li></ul><h2>Requirements</h2><br /><p>This program requires PHP 5.4+</p><br /><h2>Example</h2><br /><pre><code>/* styles.css */<br /> This will be prefixed */<br />input[type="search"]::placeholder {<br />color: #ffdd55;  /* This will be reduced to #fd5 */<br />}<br />.some_class {<br />background: #1e5799;<br /> This will be prefixed */<br />background: linear-gradient(to bottom, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%);<br />border: #000000 solid 1px; /* This will be reduced to #000 */<br /> This will be prefixed */<br />border-radius: 5px;<br /> This will be prefixed */<br />box-sizing: content-box;<br />margin: 0em 5px;  /* This will be replaced with 0 ( 0em; )*/<br />padding: 5px 0px; /* This will be replaced with 0 ( 0px; )*/<br /> This will be prefixed */<br />transition: height 0.25s ease 0.1s; /* This will be reduced to .25s and .1s */<br /> This will be prefixed */<br />@keyframes eye {<br />90% { transform: none; }<br />95% { transform: scaleY(0.1); }<br />}<br />}<br /></code></pre><br /><h2>Result</h2><br /><p>input[type="search"]::-webkit-input-placeholder{color:#fd5}<br />input[type="search"]::-moz-placeholder{color:#fd5}<br />input[type="search"]::-ms-input-placeholder{color:#fd5}<br />input[type="search"]::placeholder{color:#fd5}</p><br /><p>.some_class{<br />background:#1e5799;<br />background:-webkit-linear-gradient(to bottom,#1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);<br />background:-moz-linear-gradient(to bottom, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);<br />background:-o-linear-gradient(to bottom, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);<br />background:linear-gradient(to bottom,#1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);<br />borrder:#000 solid 1px;<br />-webkit-border-radius:5px;<br />-moz-border-radius:5px;<br />border-radius:5px;<br />-webkit-box-sizing:content-box;<br />-moz-box-sizing:content-box;<br />box-sizing:content-box;<br />margin:0 5px;<br />padding:5px 0;<br />-webkit-transition:height .25s ease .1s;<br />-moz-transition:height .25s ease .1s;<br />-o-transition:height .25s ease .1s;<br />transition:height .25s ease .1s;<br />@-webkit-keyframes eye{<br />90%{-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}<br />95%{-webkit-transform:scaleY(0.1);-moz-transform:scaleY(0.1);-ms-transform:scaleY(0.1);-o-transform:scaleY(0.1);transform:scaleY(0.1)}}<br />@-moz-keyframes eye{<br />90%{-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}<br />95%{-webkit-transform:scaleY(0.1);-moz-transform:scaleY(0.1);-ms-transform:scaleY(0.1);-o-transform:scaleY(0.1);transform:scaleY(0.1)}}<br />@-o-keyframes eye{<br />90%{-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}<br />95%{-webkit-transform:scaleY(0.1);-moz-transform:scaleY(0.1);-ms-transform:scaleY(0.1);-o-transform:scaleY(0.1);transform:scaleY(0.1)}}<br />@keyframes eye{<br />90%{-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}<br />95%{-webkit-transform:scaleY(0.1);-moz-transform:scaleY(0.1);-ms-transform:scaleY(0.1);-o-transform:scaleY(0.1);transform:scaleY(0.1)}}}</p><br /><p>After finishing (removing newlines) the data file will be placed in one line.</p><br /><p>The original code: (https://github.com/Greenray/css-optimizer).<br />Copyright (C) 2016 Victor Nabatov <a href="&#109;a&#105;l&#116;o&#x3a;g&#x72;&#101;&#x65;&#110;&#x72;&#97;&#x79;&#46;&#x73;&#112;&#x62;&#64;&#x67;&#109;&#x61;&#105;&#x6c;&#46;&#x63;&#111;&#x6d;">g&#x72;&#101;&#x65;&#110;&#x72;&#97;&#x79;&#46;&#x73;&#112;&#x62;&#64;&#x67;&#109;&#x61;&#105;&#x6c;&#46;&#x63;&#111;&#x6d;</a></p></div>
                <nav class="menu_main center"><div class="menu">
            <ul>
                    <li class="active">Overview</li>
                    <li>Namespace</li>
                    <li>Class</li>
                    <li><a href="./tree.html">Tree</a></li>
                    <li><a href="./deprecated.html">Deprecated</a></li>
                    <li><a href="./todo.html">Todo</a></li>
                    <li><a href="./index-all.html">Index</a></li>
                </ul>
    </div>
</nav>
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="content">
            <div class="copyright center">Generated by <a href="https://github.com/Greenray/phpAPI" target="_blank">phpAPI</a>: PHP Documentation Creator ver. 6.0 &copy; 2015 - 2016 Greenray</div>
        </div>
    </div>
</body>
</html>
